<template>
  <div>
    <van-row>
      <van-col span="2"><van-col></van-col><van-icon style="top: 16px" name="setting-o" /></van-col>
      <van-col span="22"><van-col><van-search v-model="value" placeholder="请输入搜索关键词" /></van-col></van-col>
    </van-row>

    <div>
      <van-row>
        <van-col span="7"><van-col><van-image
            style="margin-right: 250px"
            round
            width="6rem"
            height="6rem"
            src="https://img2.baidu.com/it/u=3354298383,2869276849&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=307"
        /></van-col></van-col>
        <van-col span="11"><van-col><div style="text-align: left; font-weight: bolder ; font-size: 20px">雪亲王</div></van-col></van-col>
        <van-col span="6" ><van-icon style="top: 30px">个人主页<van-icon name="arrow" /></van-icon></van-col>
      </van-row>
    </div>

    <div>
      <van-grid>
        <van-grid-item  text="创作" to="/creation"/>
        <van-grid-item  text="关注" to="/concern"/>
        <van-grid-item  text="收藏" to="collect"/>
        <van-grid-item  text="最近浏览" to="browse"/>
      </van-grid>
    </div>

    <div>
      <a href="shop">
      <img alt="Vue logo" style="height: 70px ;width: 400px" src="../assets/1.jpg">
      </a>
    </div>

    <div>
      <van-grid :column-num="4">
        <van-grid-item icon="orders-o" text="书架" />
        <van-grid-item icon="shopping-cart-o" text="已购" />
        <van-grid-item icon="phone-circle-o" text="付费咨询" />
        <van-grid-item icon="flag-o" text="活动广场" />
        <van-grid-item icon="pending-payment" text="钱包" />
        <van-grid-item icon="friends-o" text="社区共建" />
        <van-grid-item icon="records" text="反馈与帮助" />
        <van-grid-item icon="desktop-o" text="直播" />
      </van-grid>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
    };
  },
};
</script>

<style>

</style>
